@import "bootstrap.css";
@import "plugs/angular-datepicker.css";
@import "plugs/angular-city-select.css";
@import "style-register.css";
@import "style-home.css";
@import "style-carStatus.css";
@import "style-cart.css";
@import "style-downloadCenter.css";
@import "style-forgetpsw.css";
@import "style-productlist.css";
@import "style-productshow.css";
@import "style-userCenter.css";   
@import "style-admin.css";
.c000 {    
  color: #000;  
}
.c333 {
  color: #333;
}
.c666 {
  color: #666;
}
.c999 {
  color: #999;
}
.cccc {
  color: #ccc;
}
.red {
  color: #ff0000;
}
.white {
  color: white;
}
.blue {
  color: blue;
}
.yellow {
  color: yellow;
}
.green {
  color: green;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f20 {
  font-size: 20px;
}
.f24 {
  font-size: 24px;
}
.f30 {
  font-size: 30px;
}
.f36 {
  font-size: 36px;
}
.f48 {
  font-size: 48px;
}
.fb {
  font-weight: bold;
}
.fn {
  font-weight: normal;
}
.t2 {
  text-indent: 2em;
}
.lh40 {
  line-height: 40px;
}
.lh50 {
  line-height: 50px;
}
.lh150 {
  line-height: 150%;
}
.lh180 {
  line-height: 180%;
}
.lh200 {
  line-height: 200%;
}
.unl {
  text-decoration: underline;
}
.no_unl {
  text-decoration: none!important;
}
.no_unl * {
  text-decoration: none!important;
}
.through {
  text-decoration: line-through;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.bc {
  margin-left: auto;
  margin-right: auto;
}
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
}
.cb {
  clear: both;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
*html .clearfix {
  height: 1%;
}
.Clearfix {
  display: block;
}
.vm {
  vertical-align: center;
}
.vd {
  vertical-align: middle;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.abs-right {
  position: absolute;
  right: 0;
}
.abs-right-top {
  position: absolute;
  right: 0;
  top: 0;
}
.abs-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.abs-left-top {
  position: absolute;
  left: 0;
  top: 0;
}
.abs-left-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}
.zoom {
  zoom: 1;
}
.hidden {
  visibility: hidden;
}
.none {
  display: none;
}
.block {
  display: block;
}
.oh {
  overflow: hidden;
}
.ln {
  list-style-type: none;
}
.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input::-ms-clear {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.w5{
  width:5%;
}
.w6{
  width:6%;
}
.w10 {
  width: 10px;
}
.w20 {
  width: 20px;
}
.w25 {
  width: 25px;
}
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w140 {
  width: 140px;
}
.w150 {
  width: 150px;
}
.w180 {
  width: 185px;
}
.w200 {
  width: 200px;
}
.w220 {
  width: 220px;
}
.w250 {
  width: 250px;
}
.w260 {
  width: 260px;
}
.w280 {
  width: 280px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w500 {
  width: 500px;
}
.w600 {
  width: 600px;
}
.w700 {
  width: 700px;
}
.w800 {
  width: 800px;
}
.w {
  width: 100%;
}
.h20 {
  height: 20px;
}
.h25 {
  height: 25px;
}
.h30 {
  height: 30px;
}
.h40 {
  height: 40px;
}
.h50 {
  height: 50px;
}
.h70 {
  height: 70px;
}
.h80 {
  height: 80px;
}
.h100 {
  height: 100px;
}
.h120 {
  height: 120px;
}
.h150 {
  height: 150px;
}
.h200 {
  height: 200px;
}
.h220 {
  height: 220px;
}
.h250 {
  height: 250px;
}
.h275 {
  height: 275px;
}
.h350 {
  height: 350px;
}
.h500 {
  height: 500px;
}
.h {
  height: 100%;
}
.m0 {
  margin: 0px;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.m30 {
  margin: 30px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt70 {
  margin-top: 70px;
}
.mt100 {
  margin-top: 100px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.ml100 {
  margin-left: 100px;
}
.ml150 {
  margin-left: 150px;
}
.ml158 {
  margin-left: 158px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr50 {
  margin-right: 50px;
}
.mr100 {
  margin-right: 100px;
}
.p0 {
  padding: 0 !important;
}
.p5 {
  padding: 5px ;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p30 {
  padding: 30px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt50 {
  padding-top: 50px;
}
.pt100 {
  padding-top: 100px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pl100 {
  padding-left: 100px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr50 {
  padding-right: 50px;
}
.pr100 {
  padding-right: 100px;
}
.unlfff {
  text-decoration: none;
  color: #fff;
}
.unlccc {
  text-decoration: none;
  color: #ccc;
}
.unl333 {
  text-decoration: none;
  color: #333;
}
.unl666 {
  text-decoration: none;
  color: #666;
}
.unl999 {
  text-decoration: none;
  color: #999;
}
/*
定义圆角
@radius 圆角大小
*/
/*
盒子阴影
@right_left 右边阴影为正数 左边负数
@bottom_top 下边阴影为正数 上边负数
@box  阴影大小
@box_color 阴影颜色
*/
/*
文字阴影,可以指定多组阴影
@right_left1 右边阴影为正数 左边负数
@bottom_top1 下边阴影为正数 上边负数
@text  阴影大小
@text_color 阴影颜色
*/
/*
透明度 或渐变 1为不透明 0透明
css3 rgba(110, 142, 185, .4)!important;前三个是颜色值 后一个是透明值
用来兼容所有浏览器
*/
/*
列布局
@c1 列数
@c2 列宽
@c3 列间距
@c4 边框样式
*/
/*
画轮廓 就是内部框
@outline 样式
@outline1 间距 负数在内部
*/
/*背景渐变
@start  渐变开始颜色
@end  结束颜色
*/
/*
旋转角度
IE不支持 滤镜支持0，1，2，3
*/
/*
过度动画
id是css属性
2s过度时间 0s是开始时间
ease-in进入
*/
/*
 *
 * 主题样式全局变量
 * sola
 * */
.unslider {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  min-height: 150px;
  overflow: hidden;
}
.unslider .unslider-btn {
  display: none;
  font-size: 36px;
  cursor: pointer;
  position: absolute;
  top: 45%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  width: 36px;
  height: 36px;
  line-height: 34px;
  border-radius: 15em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.unslider .unslider-btn:hover {
  background-color: #0f6695;
}
.unslider:hover .unslider-btn {
  display: inline-block;
}
.unslider .btn-right {
  right: 2%;
}
.unslider .btn-left {
  left: 2%;
}
.unslider li {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.unslider img {
  /*height: 100%;
  width: 100%;*/
  height:415px;
  width:1366px;
  max-height: 100%;
  max-width: 100%;
}
.unslider .unslider-nav {
  position: absolute;
  bottom: 15px;
  width: 100%;
  z-index: 10;
}
a {
  color: #666;
}
a:hover {
  color: #13a7ff;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
.btn-group .btn:hover {
  background-color: #60c517;
  color: #fff;
}
.nowrap {
  white-space: nowrap;
}
.border-line {
  border: 1px solid #ccc;
}
.border-blue {
  border: 1px solid #259bd8;
}
.bb {
  border-bottom: 1px solid #ccc;
}
.bt {
  border-top: 1px solid #ccc;
}
.bl {
  border-left: 1px solid #ccc;
}
.br {
  border-right: 1px solid #ccc;
}
.border-error {
  border: 1px solid #ff0000;
}
.text-fff {
  color: #fff;
}
.text-fff a {
  color: #fff;
}
.text-fff a:hover {
  color: #13a7ff;
}
.cart-btn-group a,
.create_order a,
.cart3-btn-group a,
.btn-group .btn-order-msg a {
  color: #fff;
}
.cart-btn-group a:hover,
.create_order a:hover,
.cart3-btn-group a:hover,
.btn-group .btn-order-msg a:hover {
  color: #13a7ff;
}
.saaf-img-up {
  cursor: pointer;
  border: 3px dotted #ccc;
  background-color: #eee;
  border-radius: 4px;
  padding: 1px;
}
.saaf-img-up:hover {
  background-color: #f7f7f7;
}
.error {
  border: 1px solid #ff0000;
  color: #ff0000;
}
/*

///验证样式　
.ng-valid         { border:1px solid green;}//验证通过
//.ng-invalid    {  border:1px solid #ff0000; } //验证失败

form.ng-invalid{border:none;}
.ng-pristine     {  } //　没修改
.ng-dirty         {  } //已修改
　
//.ng-invalid-required         { border:1px solid #ff0000;  }
.ng-invalid-minlength         {  }
.ng-valid-max-length         {  }*/
.color-boc {
  color: #a71e32;
}
.color-icbc {
  color: #C7000A;
}
.color-ccb {
  color: #0066B3;
}
.color-abchina {
  color: #3bbda9;
}
.color-gray {
  color: gray;
}
.color-666 {
  color: #666;
}
.color-primary {
  color: #0f6695;
}
.color-second {
  color: #60c517;
}
.bg-second {
  background-color: #60c517;
}
.bg-success2 {
  background-color: #008660;
}
.com-nav-tab {
  position: relative;
}
.com-tab {
  display: block;
}
.com-tab li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  background-color: #fff;
  z-index: 1;
}
.com-tab li a {
  display: inline-block;
  padding: 5px 10px;
}
.com-tab .active {
  border: 1px solid #ccc;
  border-bottom: none;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.com-tab .active a {
  color: #13a7ff;
}
.com-tab-content {
  position: relative;
  border: 1px solid #ccc;
  z-index: 0;
}

.activity-index{
  background-color: #eeeeee;
  height:65px;
  border-bottom: 3px solid #f1d75d;
  margin:10px 0;
}

.activity-index .sanjiaoxing{
  border: 32px solid transparent;
  border-top: 32px solid #f4ea2a;
  border-left: 32px solid #f4ea2a;
  border-style: solid dashed dashed dashed;
  width: 64px;
  height: 64px;
}

.activity-index .ziti{
  margin-top: -60px;
  font-size: 16px;
  color: white;
  padding: 4px;font-weight: 600;
}

.activity-index .activity-title{
  color: #db2506;
  font-size: 18px;
  font-weight: 800;
  margin-left: 64px;
  margin-top: -20px;
}

.activity-ul{
  width: 1226px;
  margin: 0 auto;
  display: inline-block;
  zoom: 1;
  margin-bottom: 20px;
}

.activity-ul li{
  float: left;
  width: 290px;
  font-size: 14px;
  border: 1px solid #ccc;
  margin-right: 16px;
  margin-bottom: 16px;
  padding: 15px
}

.activity-ul li:hover{
  border: 1px solid #259bd8;
}

.activity-ul li img{
  width:256px;
  height:160px;
}

.activityDetail p{
  font-size: 14px;
  line-height: 26px;
}

.secKillDetailTable td{
  font-size: 14px;
  line-height: 26px;
}

.groupPur-tab a.active{
  background-color:#259bd8;
  color:white;
}

.groupPur-tab .btn:hover{
  background-color:#259bd8;
  color:white;
}

.help-center ul li{
  padding:5px;
}

.help-center-right h2{
  padding: 20px 0;
  font-size: 18px;
  font-weight: 400;
}

/*积分商城-首页以及搜索页*/
.exTop{
  height: 35px;
  line-height: 35px;
  background: #e7e7e7;
}

.sousou{
  width: 75%;
  height: 42px;
  border: 1px solid #259bd8;
  padding: 0 10px;
  float: left;
  margin-top: 25px;
  padding-left: 36px;
  color: #666;
  font-size: 14px;
}
.souBtn{
  width: 75px;
  height: 42px;
  background: #259bd8;
  color: #fff;
  border: 0;
  margin-top: 25px;

}
.sousou-ico{
  position: absolute;
  left: 25px;
  color: #E0E0E0;
  top: 27px;
  font-size: 24px;
}

.ex-buyCart{
  margin-top: 25px;
  margin-left: 25px;
  border: 1px solid #259bd8;
  padding: 8px;
  background-color: #f2f2f2;
  text-align: center;
}

.ex-phb{
  position: absolute;
  right: 0;
  top: -42px;
  width: 220px;
  height: 440px;
  font-size: 14px;
}
.ex-phb ul{
  background: #0c0c0c;
  opacity: .8;
  filter:alpha(opacity=80);
  height: 400px;
}
.ex-phb ul li{
  transition:all ease-in 300ms;
  -webkit-transition:all ease-in 300ms;
  -moz-transition:all ease-in 300ms;
  -o-transition:all ease-in 300ms;
  -ms-transition:all ease-in 300ms;
}
.ex-phb ul li:hover{
  background: #333;
}

.ex-phb h2{
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  background: #D31A16;
  padding: 0 20px;
  color: #fff;
}
.ex-phb h2 i{
  position: absolute;
  right: 10px;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  margin-left: 5px;
}
.ex-phb ul li{
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding:0 10px;
  border-bottom: 1px solid #333;
}
.ex-phb ul li a:hover{
  color: #e05b5b;
}
.ex-phb ul li span{
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #138EFA;
  color: #fff;
}
.ex-phb ul li span.pop{
  background: #cc0000;
}
.ex-phb a{
  color: #ccc;
  display: block;
  font-size: 12px;
}

.ex-con{
  position: relative;
  height: 400px;
}
.ex-haibao{
  left: 200px;
  height: 398px;
  width: 790px;
  overflow: hidden;
  position: relative;
}
.ex-haibao .carousel-inner>.item>a>img,.ex-haibao .carousel-inner>.item>img,.ex-haibao .img-responsive,.ex-haibao .thumbnail a>img,.ex-haibao .thumbnail>img{
  height: 400px
}


.ex-block{
  color: #666;
}
.ex-block h2{
  position: relative;
  font-size: 20px;
  color: #573c27;
  height: 50px;
  line-height: 50px;
  background: #f6eddc;
  padding: 0 20px;
  margin-top: 20px;
}
.ex-block h2 a{
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 12px;
  color: #573c27;
  font-family: 'Times';
  display: block;
  height: 50px;
  line-height: 50px;
}
.ex-block h2 a:hover{
  color: #e05b5b;
}
.ex-block h2 i{
  margin-right: 10px;
}
.ex-new-pic{
  height: 120px;
  background: #f2f2f2;
}
.ex-block p{
  color: #666;
  font-size: 12px;
}
.ex-block p a{
  color: #573c27;
  font-weight: bold;
}
.ex-block p a:hover{
  color: #cc0000;
}
.ex-block strong{
  font-weight: normal;
  color: #333;
}

.ex-dnxh{
  border: 1px solid #f7efe0;
  height: 500px;
  padding: 20px;
}
.ex-dnxh .col-xs-7{
  padding-left: 0;
}

.ex-dnxh li{
  padding-bottom: 10px;
  border-bottom: 1px solid #f6eddc;
}

.ex-love-pic{
  height: 55px;
}
.ex-love-pic img{
  width: 82px;
  height: 55px;
}

.ex-love-tit{
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.ex-love-tit a{
  color: #666;
}
.ex-love-tit a:hover{
  color: #cc0000;
}

.ex-products li{
  width: 33.33%;
  border: 1px solid #f7efe0;
  height: 250px;
  float: left;
}
.ex-products li .pos{
  height: 250px;
  position: relative;
}

.ex-products-list{
  position: absolute;
  top: 40%;
  left: 50%;
  width: 145px;
  margin-left: -73px;
  margin-top: -73px;
}
.ex-products-list img{
  width: 145px;
  height: 145px;
}
.ex-products-list p{
  width: 100%;
  height: 20px;
  word-break: break-all;
  color: #837469;
  overflow: hidden;
}

.ex-products-recent li{
  width: 25%;
}

.ex-search-tit{
  color: #666;
  font-size: 12px;
  padding: 10px 0;
}

.filterFlag{
  position: absolute;
  left: 100px;
  top: 0;
  font-size: 12px;
  color: #999;
}
.filterFlag span{
  position: relative;
  display: inline-block;
  padding: 0 15px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ddd;
  text-align: center;
  margin-right: 10px;
  background: #f2f2f2;
}
.filterFlag span .fa{
  position: absolute;
  right:-3px;
  top: -10px;
  width: 10px;
  font-size: 16px;
  color: #999;
  cursor: pointer;
}
.filterFlag span .fa:hover{
  color: #cc0000;
}


.ex-search-condition{
  border: 1px solid #ddd;
  color: #666;
}
.ex-search-condition-block{
  border-bottom: 1px solid #ddd;
}
.ex-search-condition-block-last{
  border-bottom: 0;
}
.ex-search-condition-con{
  border-left: 1px solid #ddd;
  padding: 5px;
}
.ex-search-condition-item{
  padding: 10px 0 10px 30px;
}
.ex-search-condition-block a{
  display: inline-block;
  padding: 5px 8px;
  color: #666;
}
.ex-search-condition-block a.active{
  color: #fff;
  background: #cc0000;
}
.ex-search-condition-block a:hover{
  color: #666;
  background: #e9e9e9;
}
.ex-search-condition-block a.active:hover{
  color: #fff;
  background: #cc0000;
}

.ex-search-list{
  margin-top: 30px;
}

.ex-search-list ul li{
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  width:292px;
  margin-right: 10px;
}

.ex-search-list ul li .ex-new-pic{
  height: 185px;
}
.ex-search-list ul li .ex-new-pic img{
  height: 100%;
}
.ex-search-list ul li a{
  color: #333;
}
.ex-search-list ul li a:hover{
  color: #cc0000;
}

/*积分商城-商品详情页*/
.detailBg{
  background: #fff;
  padding: 10px 20px 20px 20px;
  margin-top: 12px;
  margin-bottom: 20px;
}

.exchange-position{
  height: 36px;
  line-height: 36px;
  color: #666;
  margin-bottom: 10px;
}
.exchange-position a{
  color: #666;
}
.exchange-position a:hover{
  color: #cc0000;
}
.ex-goods{
  width: 376px;
}

.ex-goods ul{
  margin-left: 10px;
  height: 70px;
  overflow: hidden;
}
.ex-goods ul li{
  float: left;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  margin-top: 10px;
}
.ex-goods ul li img{
  width: 58px;
  height: 58px;
}
.ex-goods ul li a{
  display: block;
  background: #f2f2f2;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}
.ex-goods ul li a.active{
  border: 1px solid #cc0000;
}
.ex-goods ul li a:hover{
  border: 1px solid #cc0000;
}
.ex-goods-pic{
  height: 300px;
  width: 376px;
}
.ex-goods-pic img{
  width: 376px;
  height: 300px;
}

.ex-goos-dec h2{
  font-size: 20px;
}
.ex-goos-dec{
  color: #666;
}

.ex-goods-panel{
  padding: 15px;
  background: #f2f2f2;
  margin:10px 0;
  font-family: "宋体";
}
.ex-goods-panel strong{
  color: #cc0000;
}

.ex-goods-left{
  border: 1px solid #ddd;
  padding: 0;
  min-height: 385px;
}
.ex-goods-right{
  border: 1px solid #ddd;
  color: #666;
  min-height:385px;
}

.ex-goods-right ul li{
  margin-bottom: 10px;
}

.ex-goods-tit{
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  padding-left: 10px;
}

.ex-goods-block-tit{
  padding: 10px 0 10px 10px;
  color: #666;
  font-weight: bold;
}

.ex-sort{
  margin-bottom: 10px;
}
.ex-sort ul li{
  margin-bottom: 10px;
}
.ex-sort .ex-sort-v{
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #ddd;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 12px;
}
.ex-sort .ex-sort-v.active{
  border: 2px solid #cc0000;
  color: #cc0000;
}
.ex-sort .ex-sort-v:hover{
  border: 2px solid #cc0000;
}
.ex-sort .ex-sort-v.disClick{
  background: #f2f2f2;
  cursor: not-allowed;
  color: #999;
}
.ex-sort .ex-sort-v.disClick:hover{
  border: 1px solid #ddd;
  color: #999;
}

.ex-goods-btn{
  padding-top: 10px;
}
.ex-goods-btn .btn{
  width: 180px;
  height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ex-goods-btn .btn-danger{
  background: #cc0000;
  border: 1px solid #cc0000;
}
.ex-goods-btn .btn-danger:disabled{
  background: #ccc;
  border: 1px solid #ddd;
}
.ex-goods-btn .btn-danger:hover{
  background: #eb1a1a;
  border: 1px solid #eb1a1a;
}

.ex-goods-btn .btn-danger:disabled:hover{
  background: #ccc;
  border: 1px solid #ddd;
}

.ex-guess-goods{
  border-left: 1px solid #f4f4f4;
  height: 380px;
}
.ex-guess-goods h2{
  color: #999;
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
  margin-top: -20px;
}

.ex-scroll{
  height: 350px;
  overflow: hidden;
}
.ex-scroll ul{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
}

.ex-scroll ul li{
  padding-bottom: 10px;
}

.ex-history-pic{
  width: 100px;
  height: 100px;
}
.ex-history-pic img{
  width: 100px;
  height: 100px;
}

/*积分商城——左侧菜单栏*/
.exchange-sort{
  margin: 10px 10px 20px 0;
  width: 18%;
  padding-bottom: 20px;
  border: 1px solid #ddd;
  float: left;
}

.exchange-tit{
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  background: #f8f8f8;
}

.exchange-sort ul li{
  padding:20px 30px;
  color: #666;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.exchange-sort ul li.last{
  border-bottom: 0;
}
.exchange-sort ul li dt{
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}
.exchange-sort ul li dd{
  padding-left: 40px;
  height: 22px;
  line-height: 22px;
}
.exchange-sort ul li dd a{
  color: #666;
}
.exchange-sort ul li dd a.active{
  color: #cc0000;
}

.exchange-sort ul li dd a:hover{
  color: #e05b5b;
}

/*积分商城-我的订单*/
.exchange-wrap-bg{
  background: #fff;
  padding: 10px 0 20px 20px;
}

.exchange-dis{
  margin: 10px 0 0 0;
  float: right;
  width: 80%;
  color: #666;
}
.exchange-dis p{
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}

.exchange-tab{
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.exchange-tab a{
  display: inline-block;
  width: 100px;
  height: 40px;
  text-align: center;
  color: #999;
}
.exchange-tab a.active{
  background: #fff;
  font-weight: bold;
  color: #666;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.exchange-tab a:hover{
  color: #666;
}

.exchange-dis-con{
  border: 1px solid #ddd;
  min-height: 414px;
}
.exchange-dis-con input{
  font-size: 12px;
}
.exchange-wrap-bg{
  background: #fff;
  padding: 10px 0px 20px 20px;
}
.exchange-dis-con table tr td{
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
.exchange-dis-con table tr td.text-left{
  text-align: left;
}
.exchange-dis-con table tr td.status{

}
.exchange-dis-con table tr th{
  text-align:center;
}
.exchange-dis-con table tr td .btn{
  padding: 3px 0;
  width: 65px;
  font-size: 12px;
}
.exchange-dis-con table tr td .btn:disabled{
  background: #f2f2f2;
  color: #333;
  border: 1px solid #ddd;
}
.exchange-dis-con table tr td .btn.btn-min{
  padding: 3px 10px;
  width: auto;
}
.exchange-dis-con table tr td a{
  color: #333;
}
.exchange-dis-con table tr td a:hover{
  color: #cc0000;
}

.exchange-datePicker{
  padding:10px;
}
.exchange-datePicker .input-sou{
  margin-right: 0;
  width: 220px;
}
.exchange-datePicker .btn-sou{
  top: 0;
  margin-left: 10px;
}

.exchange-ord-tb tr td .btn{
  padding: 3px 0;
  width: 65px;
  font-size: 12px;
}
.exchange-ord-tb tr th{
  background: #f2f2f2;
}

.w7 {
  width: 7%;
}
.w12{
  width:12%;
}
.w16 {
  width: 16%;
}

.orderStatus{
  color: #2196F3;
}

.w40{
  width:40%;
}

.w15{
  width:15%;
}

.w-20{
  width:20%;
}

.exchange-account-info{
  padding: 20px 0;
}
.exchange-account-info p{
  padding-left: 40px;
}

.exchange-guess-row{
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 25px;
  color: #666;
}
.exchange-guess-row .col-xs-3{
  margin-bottom: 50px;
  border:1px solid #ddd;
}
.exchange-dis .exchange-guess-row p{
  color: #666;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.exchange-guess img{
  height: 180px;
  width: 100%;
  padding-top:15px;
}
.exchange-name{
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
  display: block;
  text-align: left;
  margin-top: 10px;
}
.exchange-name a{
  color: #333;
}
.exchange-name a:hover{
  color: #cc0000;
}



.exchange-tit2{
  border-bottom: 0;
}

/*积分商城-确认订单*/
.exPosition{
  height: 30px;
  line-height: 30px;
  color: #999;
  margin: 10px 0;
}
.exPosition a{
  color: #333;
}
.exPosition a:hover{
  color: #cc0000;
}

.ex-address-block{
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 20px;
}
.ex-address-block table tr th{
  text-align: center;
  border: 0;
  color: #666;
  padding-top: 20px;
}
.ex-address-block table tr td{
  text-align: center;
  color: #666;
  vertical-align: middle;
}
.ex-address-block table tr td.ex-total{
  text-align: right;
  padding-right: 30px;
  background: #DFEFFB;
}

.ex-tit{
  color: #333;
  font-size: 14px;
  font-weight:bold;
  height: 35px;
  line-height: 35px;
  background: #f2f2f2;
  padding-left:20px;
  border-bottom: 1px solid #ddd;
}

.ex-tit .btn-manage{
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: #666;
}
.ex-tit .btn-manage a{
  color: #666;
  margin-left: 5px;
}
.ex-tit .btn-manage a:hover{
  color: #cc0000;
}

.ex-address{
  width: 50%;
  margin: 20px auto;
  color: #666;
}
.ex-address .col-xs-4{
  position: relative;
  top: 5px;
}
.ex-address .col-xs-4 i{
  position: relative;
  top: 3px;
  font-size: 18px;
}

.ex-address-block table tr td.text-left{
  text-align: left;
  word-wrap: normal;
}
.ex-address-block .btn-sm{
  padding: 2px 5px;
}

.ex-address .input-sm{
  font-size:14px;
}

.ex-result{
  text-align: right;
  margin-bottom: 40px;
  color: #666;
  padding-right: 10px;
}
.ex-result span{
  margin-right: 10px;
}

.ex-suc{
  color: #54B15D;
  font-size: 20px;
  margin: 50px auto;
}
.ex-suc strong{
  font-size: 18px;
  color: #666;
  vertical-align: middle;
  position: relative;
  top: -5px;
}
.ex-suc-tip{
  color: #666;
  margin-bottom: 20px;
}

.secKillTab{
  text-align: right;padding-right: 50px;margin-top: -26px;
}

.secKillTab .btn-cancel{
  background-color: #ddd;
}

.secKillTab .active{
  background-color: #259bd8;
  color:#fff;
}

.colorChangeColor{
  width: 200px;
  height: 80px;
  text-align: center;
  margin-bottom: 10px;
  color: White;
  font-size: 18px;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#cc3d3e',gradientType='1');
  background: -moz-linear-gradient(left, #00008b, #259bd8);
  background: -o-linear-gradient(left,#00008b, #259bd8);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#00008b), to(#259bd8));
  padding:3px;
}

.updateAddressWrap{
  width: 90%;
  margin: 10px auto;
}
.updateAddressWrap .caret{
  position: absolute;
  right: 13px;
  top: 13px;
}

.ex-address{
    width: 50%;
    margin: 20px auto;
    color: #666;
}
.ex-address-new{
    width: auto;
}
.ex-address-block{
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 20px;
}
.ex-address-block table tr th{
    text-align: center;
    border: 0;
    color: #666;
    padding-top: 20px;
}
.ex-address-block table tr td{
    text-align: center;
    color: #666;
    vertical-align: middle;
}
.ex-address-block table tr td.ex-total{
    text-align: right;
    padding-right: 30px;
    background: #DFEFFB;
}

.ex-address .col-xs-4 i{
    position: relative;
    top: 3px;
    font-size: 18px;
}

.nothing{
    padding: 30px;
    min-height: 100px;
    font-size: 15px;
    border: 1px solid #ddd;
    margin-top: 20px;
    margin-bottom: 40px;
}
.ex-goods-qty{
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    float: left;
}
.ex-qty-btn{
  width: 18px;
  float: left;
  margin-left: 2px;
  margin-top: -3px;
}

.ex-qty-btn .ex-goods-add,.ex-qty-btn .ex-goods-reduce{
  color: #999;
}
.ex-qty-btn .ex-goods-add:hover,.ex-qty-btn .ex-goods-reduce:hover{
  color: #666;
}

.productDetailData img{
    width:100%;
}

.guestbook-box{
    position: absolute;
    right: 30px;
    top: 29px;
}

.guestbook-text {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.guestbook-text .text-box{
  width: 100%;
}

.guestbook-text .item-img .img-box {
  border: 1px dashed #ccc;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  float: left;
}

.guestbook-text .item-img .img-box a {
  line-height: 55px;
}

.guestbook-text .item-img .img-box img {
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

.guestbook-text .item-text ul li {
  padding: 10px;
  border:1px solid #eee;
  position: relative;
  margin-left: 10px;
}

.guestbook-text .item-text ul li:after {
    content: ' ';
    position: absolute;
    border-style: solid;
    border-color: transparent #eee transparent transparent;
    border-width: 10px;
    left: -5px;
    top: 30%;
    z-index: 9;
    margin-left: -15px;
}

.guestbook-text .item-text ul .repmessage {
  color: #fff;
  background-color:#13a7ff;  
}

.guestbook-text .item-text ul .repmessage:after {
  border-color: transparent #13a7ff transparent transparent;
}